<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>购物车</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
  </head>
  <body>
    <div class="page-group" style="display:none">
        <div class="page page-current" id="shopCart" style="background: #fff;">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back dback" href="/mobile/index.html">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg">购物车</h1>
            </header>
            <div class="content search-result">
                <div class="borderB">
                    <div class="content-padded tar">
                        <a class="button button-fill red-btn fs75" style="display: inline-block;">删除</a>
                    </div>
                </div>
                
                <div class="shopCart-list load-template" id="cartList"></div>
            </div>
            <div class="bar bar-tab dbar-tab borderT bgf fs85 clear">
                <label class="label-checkbox item-content">
                    <input type="checkbox" name="selectAll">
                    <div class="item-media jiesCar fl"><i class="icon icon-form-checkbox"></i></div>
                    <a href="#confirmOrder" class="red-btn fr cf confirm-btn">下单</a>
                    <p class="fr pink totalAmount">合计：<span class="sum"></span>元</p>
                </label>
            </div>
        </div>
        <div class="page bgh" id="confirmOrder">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left back dback" href="#shopCart">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg">确认订单</h1>
            </header>
            <div class="content">
                <div class="consignee-box borderB bgf load-template" id="userInfo"></div>
                <div class="youh-box bgf borderB borderT mt5h" style="display: none">
                    <div class="content-padded fs75">
                        <a href="javascript:void(0);" class="open-panel" data-panel="#panel-yhq">
                            <div class="row no-gutter">
                                <div class="col-50 c3">
                                    <span>优惠券:</span>
                                    <span class="youhq">有可用</span>
                                </div>
                                <div class="col-50 c3"id="usedYhq"></div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="orderP-box borderB borderT bgf mt5h load-template" id="orderList"></div>
            </div>
            <div class="bar bar-tab dbar-tab borderT bgf fs85 clear">
                <button href="#" class="red-btn fr cf confirm-btn border0 fn-orderS">确定</button>
                <p class="fl ml5h" style="font-size: .75rem;" id="totalAmount"></p>
            </div>
        </div>
        <div class="page bgh" id="orderSuccess">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left dback" href="/mobile/index.html">
                    <span class="icon icon-left"></span>
                    返回
                </a>
                <h1 class="title title-bg">下单成功</h1>
            </header>
            <div class="content bgf">
                <div class="orderSuccess-box">
                    <div class="order-top borderB tac">
                        <i class="fruits-icon"></i>
                        <p class="c6 fs65">请收货时查看订单，点击【确认收货】</br>再点击【线上支付】，或等待业务员上门收款</p>
                    </div>
                    <div class="mt5h borderB borderT load-template" id="orderSuccessData">
                        <div class="content-padded">
                            <div class="fs75 pb5h">
                                <div class="row no-gutter">
                                    <div class="col-20 c9">收货人:</div>
                                    <div class="col-80 c3">
                                        <p class="tar margin0">苏小小  18500231523</p>
                                    </div>
                                </div>
                                <div class="row no-gutter">
                                    <div class="col-20 c9">收货地址:</div>
                                    <div class="col-10 c9">&nbsp;</div>
                                    <div class="col-70 c3">
                                        <p class="tar margin0" style="width:12.4rem;">石桥铺接到歇台子罗汉狗2号万科锦尚1-24-11</p>
                                    </div>
                                </div>
                            </div>
                            <div class="row no-gutter borderT pt5h">
                                <p class="margin0 tar ml5h" style="font-size: .75rem;">
                                    <span>总价：<span class="sum c3">366.75</span>元</span>
                                    <span class="c9 fs65 ml1">| 省下<span>47.00</span>元</span>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="row mt1 mb1">
                        <div class="col-25">&nbsp;</div>
                        <div class="col-25"><a href="/mobile/index.html" class="button button-fill h-null-btn external">返回首页</a></div>
                        <div class="col-25"><a href="/mobile/orderDetail.html" class="button button-fill red-null-btn external">查看订单</a></div>
                        <div class="col-25">&nbsp;</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel-overlay"></div>
        <!-- Left Panel with Reveal effect -->
        <div class="panel panel-right panel-cover dyouh" id='panel-yhq'>
            <div class="content-block">
                <header class="bar bar-nav">
                    <a class="button button-link button-nav pull-left close-panel dback" href="javascript:void(0);">
                        <span class="icon icon-left"></span>
                        返回
                    </a>
                    <h1 class="title title-bg">我的优惠券</h1>
                </header>
                <div class="content">
                    <div class="bgf">
                        <div class="content-padded load-template" style="margin: 0 .5rem" id="yhqData"></div>
                    </div>
                    <div class="content-block">
                        <div class="row">
                            <div class="col-100">
                                <button class="button button-big button-fill button-success red-btn fn-order" type="button" style="width: 100%">确定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </body>
</html>